<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>SDC</title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script src="js/canvas-particle.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>
<script src="js/layui.all.js"></script>
</head>
<style type="text/css">
	.page{background:url(http://sdccdn.chinafjjdkj.cn/imgs/inbg.png) no-repeat top left;background-size:100% 100%;}
	#mydiv{z-index: 1;}
	.in_but{
		z-index: 10;
	}
	/* .layui-layer-content{color:#333;} */
</style>
<body>
	<!-- 背景div -->
	<div id="mydiv"></div>
	<div id="page" class="page m2">
		<div class="in_top">
			<div class="in_tle">
				<p class="in_tlet1">矿机数量：<span class="car_num"></span></p>
				<p class="in_tlet1">累计产量：<span class="output"></span></p>
				<p class="in_tlet1">团队算力：<span class="total"></span></p>
			</div>
			<div class="in_posi">
				<!--<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi1" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi2" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi3" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi4" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi5" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi6" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi7" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi8" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>
				<div class="in_positid">
					<div class="in_positi">
						<p class="in_posititle" id="posi9" data="120">23:23</p>
						<img src="images/in_posipic.png" alt="" class="in_posipic" />
					</div>
					<p class="in_posip">0.00987</p>
				</div>-->
			</div>
		</div>
		<button class="in_but">一键领取</button>
		<div class="in_bot">
			<div class="in_bot_nav">
				<a href="javascript:;" class="in_bot_link on">正常矿机</a>
				<a href="javascript:;" class="in_bot_link">到期矿机</a>
			</div>
			<div class="in_bot_list">
				<lu class="in_bot_listd" style="display: block;">
					<!-- <li class="in_bot_item">
						<img src="images/in_botpic1.png" alt="" class="in_botpic" />
						<p class="in_bot_t">
							型号：微型云矿机<br />
							寿命：4800小时<br />
							产量：0.0033/小时<br />
							已运行：10小时<br />
							已领取：10 SDC
						</p>
						<a href="javascript:;" class="in_bot_but on">已结束</a>
					</li> -->
				</lu>
			</div>
			
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="fonav">
			<a href="index.html" class="foitem on">
				<img src="images/foimg1_on.png" alt="" class="foimg" />首页
			</a>
			<a href="shopping.html" class="foitem">
				<img src="images/foimg2.png" alt="" class="foimg" />矿机
			</a>
			<a href="transaction.html" class="foitem">
				<img src="images/foimg3.png" alt="" class="foimg" />交易
			</a>
			<a href="my.html" class="foitem">
				<img src="images/foimg4.png" alt="" class="foimg" />我的
			</a>
		</div>
	</div>
	<script src="js/index.js"></script>
<script type="text/javascript">
	

	// var gh = document.getElementsByClassName("in_posititle");
    // for (var i = 0; i < gh.length; i++) {
	// 	goTime(gh[i].id, gh[i].getAttribute("data"));
    // }



	// function goTime(id,data){
	// 	var sec = document.getElementById("id");
	// 	var i = data;
	// 	var timer = setInterval(function(){
	// 	    i--;
	// 	    sec.innerHTML = i + "秒重新获取";
	// 	    if(i > 0){
	// 	    	var sec = Math.floor(distancetime % 60);
    //       		var min = Math.floor(distancetime / 60 % 60);
	// 			if (sec < 10) {
	// 				sec = "0" + sec;
	// 			}
	// 			if (min < 10) {
	// 				min = "0" + min;
	// 			}

	// 	    }
	// 	    else if(i==0){
	// 	     	sec.innerHTML = '重新获取';
	// 	      	clearInterval(timer);
	//     		$("#second").attr('disabled',false);
	// 	    }
	//  	},1000);
	// }
	

</script>
</body>
</html>